<template>
  <div class="">
    <div v-for="(d, i) in data" :key="i">
      <el-checkbox-group v-model="d.id" @change="change">
        <el-checkbox :label="item.value" v-for="(item, index) in d.children" :key="index">{{ item.label }}</el-checkbox>
      </el-checkbox-group>
    </div>
  </div>
</template>

<script>
export default {
  name: "",
  props: {
    data: Array,
    diaShow: Boolean,
  },
  components: {},
  data() {
    return {};
  },
  computed: {},
  mounted() {
    this.data[0].id = [1];
    // this.diaShow = true;
    this.$emit("update:diaShow", true);
    // this.data["liowe"] = [1];
  },
  methods: {
    change() {
      //   this.$emit("update:data", this.data);
    },
  },
  watch: {},
};
</script>
<style lang="scss" scoped>
//@import url(); 引入公共css类
</style>
